// 两根线
// 同步：组件 commit -> mutations -> state
// 异步： 组件 dispatch -> actions -> commit -> mutations -> state
import {
  getToken,
  setToken,
  removeToken,
  setuserInfo,
  removeuserInfo
} from '@/utils/storage'
import { login } from '@/api/index'
export default {
  // 开启命名空间
  namespaced: true,
  // 放数据的地方
  state: {
    token: getToken(),
    userInfo: ''
  },
  // 相当于组件中计算属性
  getters: {},
  // 这个是唯一修改state中数据地方
  mutations: {
    // setCount(state) {}
    upDateToken(state, payload) {
      state.token = payload.token
      setToken(payload.token)
      state.userInfo = payload
      setuserInfo(JSON.stringify(payload))
    },
    delToken(state) {
      state.token = null
      removeToken()
      removeuserInfo()
    }
  },
  // 写异步的ajax的地方
  actions: {
    // store.commit()
    // getData(store){}
    async login(store, payload) {
      const res = await login(payload)
      console.log(res)
      store.commit('upDateToken', res)
    }
  }
}
